<template>
  <div id="app">
    <!--Header-->
    <div class="header" id="home">
      <div class="content white">
        <nav class="navbar navbar-default" role="navigation">
          <div class="container">
            <div class="nav-header">
              <button type="button" class="navbar-toggler" data-toggle="collapse"
                      data-target="#navbar-collapse-1">
                <span class="sr-only">toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <router-link class="navbar-brand" to="index">
                <h1>尤十艺术教育</h1>
              </router-link>
            </div>
            <div class="collapse navbar-collapse" id="navbar-collapse-1">
              <ul class="nav navbar-nav">
                <!--<li><router-link to="test">教育</router-link></li>-->
                <li><a href="/login">登陆</a> </li>
                <li><a href="/login">登陆</a> </li>
                <li><a href="/login">登陆</a> </li>
                <li><a href="/login">登陆</a> </li>
                <li><a href="/login">登陆</a> </li>
              </ul>
            </div>
          </div>
        </nav>
      </div>
    </div>
    <!--End Header-->

    <keep-alive>
      <router-view/>
    </keep-alive>

    <!--start copyright-section-->
    <div class="copyright">
      <p>&copy; 2015 Motive Mag. All Rights Reserved | Powered by <a href="http://www.smallseashell.com/">小贝壳网站模板</a> </p>
    </div>
    <!--end-copyright-section-->
    <a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>

  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
  #app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
